@CHARSET "UTF-8";

body { text-align: center; background: url("http://i1.daumcdn.net/pimg/blog4/skin/bg/f001_bg_pt.jpg") repeat; color: #333; font: 12px "Arial", "돋움", "dotum", "sans-serif"; }
body, p { margin: 0; padding: 0; }
h3 { text-align: center; color: #666; }

/* common */
#wrap { text-align: center; padding-top: 100px; }

.cl { clear: both; font-size: 0; }
.title { color: #617BCD; font-size: 12px; font-weight: bold; }
.etc_link { color: #ed4c71; font-size: 12px; font-weight: bold; position: absolute; top: 5px; right: 5px; }
.r1 { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.shadow1 { -webkit-box-shadow: #ede7d8 2px 2px 5px; -moz-box-shadow: #ede7d8 5px 5px 5px; box-shadow: #ede7d8 5px 5px 5px; }
.msg { color: #617BCD; }
.wn { width: 100px; }
.rd { font-weight: bold; }
.align_c { text-align: center !important; }
.common_box { width: 300px; padding: 40px 20px; margin: 50px auto 0; background-color: #f7f4e6; clear: both; }
.common_box p { margin: 2px; }

.winner_ul { padding: 0; width: 500px; margin: 0 auto; }
.winner_li { float: left; list-style: none; }
.winner_li a { text-decoration: none; }
.winner_li img { border: 0; }

/* login area */
.login_box { width: 200px; padding: 50px 0; margin: 50px auto 0; background-color: #f7f4e6; }
.login_box p { margin-bottom: 3px; }

input, select { margin: 0; }
input[type="text"], input[type="password"] { width: 100px; border: 1px solid #d9d4c7; }
input[type="button"] { border: 1px solid #d9d4c7; } 

select, .text_box { width: 100px; border: 1px solid #d9d4c7; }
.button { width: 60px; border: 1px solid #d9d4c7; cursor: pointer; }
.button_p10 { padding: 10px; border: 1px solid #d9d4c7; cursor: pointer; } 

/* join_area */
#joinForm p { text-align: left; padding-left: 30px; }
.join_box { width: 500px; }
.join_label { width: 100px; display: inline-block; }
.check_result { position: absolute; color: #666; font-size: 11px; margin-left: 5px; }

/* game */
#loadInfo { text-align: center; color: #8a8781; }  
#stage { display: none; width: 350px; }
#result { display: none; width: 350px; }
#selector { padding: 20px 0; color: #8a8781; }
#selector h5 { font-size: 15px; margin: 5px 0; }
#startCup { width: 100px; height: 100px; background: url("/img/logo.png") no-repeat; border: 0; padding: 0; margin: 0; cursor: pointer; margin-top: 200px; }
#startCup.making { background: url("/img/ajax-loader.gif") no-repeat 17px 17px !important; }
#write { display: none; width: 200px; height: 60px; cursor: pointer; font-size:  28px; margin: 30px auto 0; }
#gameRound { color: #ed4c71; font-size: 36px; font-weight: bold; }
.member_stage { float: left; width: 150px; }
.member_desc { margin-top: 10px; }
.member_image { width: 150px; height: 150px; cursor: pointer; }
.winner_title { font-size: 48px; font-weight: bold; }
.winner_desc { margin-top: 10px; font-size: 24px; }
.winner_image { width: 250px; height: 250px; cursor: pointer; border: 0; }
.member_vs { float: left; width: 50px; height: 50px; margin-top: 100px; background: url("/img/vs.png") no-repeat; text-indent: -9999em; } 